<%@ page pageEncoding="UTF-8" %>
<!DOCTYPE html >
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Home page</title>
    <link type="text/css" rel="stylesheet" href="inc/style.css" />
  </head>
  <body>
    <div>
      <form action="homePageServlet" method="get" >
       
        <fieldset>
          <legend>MeteoCalLogIn</legend>
                  
          <input type="radio" name="unDesChoix" value="LogIn" id="LogIn" autofocus /><label for="LogIn">LogIn?</label>
          <br />
          
          <label for="Password">Password<span class="requis">*</span></label>
          <input type="password" id="Password" name="Password" value="" size="30" maxlength="30"/>
          <br />
          
          <label for="Pseudo">Pseudo<span class="requis">*</span></label>
          <input type="text" id="Pseudo" name="Pseudo" value="" size="30" maxlength="30"/>
          <br />
        </fieldset>
        
        <input type="submit" value="Ok"/>
        <br /> 
           
        <fieldset>  
          <legend>New Registration</legend>
          <br />
          
          <input type="radio" name="unDesChoix" value="NewRegistration" id="NewRegistration"/><label for="NewRegistration">NewRegistration?</label><br /> 
          <br />
          
          <label for="NewEmail">NewEmail<span class="requis">*</span></label>
          <input type="text" id="NewEmail" name="NewEmail" value="" size="30" maxlength="30"/>
          <br />
          
          <label for="NewPassword">NewPassword<span class="requis">*</span></label>
          <input type="text" id="NewPassword" name="NewPassword" value="" size="30" maxlength="30"/>
          <br />
          
           <label for="NewPseudo">NewPseudo<span class="requis">*</span></label>
          <input type="password" id="NewPseudo" name="NewPseudo" value="" size="30" maxlength="30"/>
          <br />
        </fieldset>
        
        <input type="submit" value="Validate"/>   
        <br />        
        
      </form>
    </div>    
      <br />
       <br />  <br />  <br />  <br />  <br />  <br />
  <fieldset>  
          <legend>ABOUT THIS WEBSITE</legend>      
          <br />
          
          <p>A based online calendar for helping people scheduling their personal events avoiding bad weather conditions in case of outdoor activities. Users, registered, is able to create, delete and update events. An event should contain information about when and where the event will take place, weather the event will be indoor or outdoor. During event creation, any number of   registered user can be invited. Only the organizer will be able to update or delete the event. Invited users can only accept or decline the invitation.
   Whenever an event is saved. The system is enrich with Weather forecast information (if available).Event participants is notified one day before the event in case of bad weather conditions for outdoor events. The users receive notification when they log into the system.
          </p>
          
        </fieldset>           
  </body>
</html>